<template>
	<div class="data1">
	<div class="data1-left">
		<news1></news1>
	</div>
	<div class="data1-center">
		<map1></map1>
	</div>
	<div class="data1-right">
		<news2></news2>
	</div>
	</div>
</template>

<script>
	import { mapState, mapMutations, mapActions } from 'vuex'
	import store from '@/store'
	import Map1 from '@/components/main/map1'
	import News1 from '@/components/main/news1'
	import News2 from '@/components/main/news2'

	export default {
		name: 'data1',
		data () {
			return {
			}
		},
		components: {
			"map1": Map1,
			"News1": News1,
			"News2": News2
		},
		computed: {
			...mapState({})
		},
		methods: {
			...mapMutations([]),
			...mapActions([])
		},
		mounted: function() {}
	}
</script>

<style>
	.data1{
		/*background: url(http:vxinghe.com/public/datav/img/kitchen_bg.jpg) no-repeat;*/
	background: url(http://vxinghe.com/public/datav/img/kitchen_bg.jpg) center;
	}
.data1-left {
	float: left;
	width: 30%;
	height: 100%;
}
.data1-center {
	float: left;
	width: 40%;
	height: 100%;
}
.data1-right {
	float: left;
	width: 30%;
	height: 100%;
}
</style>